<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html><!DOCTYPE html>
<html lang="zh_cn">
<head>
  <title>Pinrehit</title>

  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="css/bootstrap.min.css">

  <!-- FontAwesome CSS -->
  <link rel="stylesheet" href="css/font-awesome.min.css">

  <!-- Styles -->
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="site-header">
  <div class="site-branding">
    <h1 class="site-title"><a href="blog.html" rel="home"><img src="images/logo.svg" height="50" width="50" alt="Logo"></a></h1>
  </div><!-- .site-branding -->

  <div class="hamburger-menu">
    <div class="menu-icon">
      <img src="images/menu-icon.png" alt="menu icon">
    </div><!-- .menu-icon -->

    <div class="menu-close-icon">
      <img src="images/x.png" alt="menu close icon">
    </div><!-- .menu-close-icon -->
  </div><!-- .hamburger-menu -->
</header><!-- .site-header -->

<nav class="site-navigation flex flex-column justify-content-between">
  <div class="site-branding d-none d-lg-block ">
    <h1 class="site-title"><a href="userchange.html" rel="user"><img src="images/logo.svg" height="50" width="50" alt="Logo"></a></h1>
  </div><!-- .site-branding -->

  <ul class="main-menu flex flex-column justify-content-center">
    <li><a href="loginHRT.html">登录</a></li>
    <li><a href="regHRT.html">注册</a></li>
  </ul>

  <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
    Copyright &copy;<script>document.write(new Date().getFullYear());</script> Made in HIT
    <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  </p>



</nav><!-- .site-navigation -->

<div class="nav-bar-sep d-lg-none"></div>

<div class="outer-container blog-page">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 col-xl-6 no-padding">
        <div class="blog-content flex">
          <figure>
            <a href="#"><img src="images/1.jpg" alt=""></a>
          </figure>

          <div class="entry-content flex flex-column justify-content-between align-items-start">
            <header>
              <h3><a href="#">标题</a></h3>

              <div class="posted-by">上传者</div>
            </header>

            <footer class="flex flex-wrap align-items-center">

              <ul class="flex flex-wrap align-items-center">
                <li><a href="#">标签1</a></li>
                <li><a href="#">标签2</a></li>
              </ul>
            </footer>
          </div><!-- .entry-content -->
        </div><!-- .blog-content -->
      </div><!-- .col -->
      <div class="col-12 col-xl-6 no-padding">
        <div class="blog-content flex">
          <figure>
            <a href="#"><img src="images/1.jpg" alt=""></a>
          </figure>

          <div class="entry-content flex flex-column justify-content-between align-items-start">
            <header>
              <h3><a href="#">标题</a></h3>

              <div class="posted-by">上传者</div>
            </header>

            <footer class="flex flex-wrap align-items-center">

              <ul class="flex flex-wrap align-items-center">
                <li><a href="#">标签1</a></li>
                <li><a href="#">标签2</a></li>
              </ul>
            </footer>
          </div><!-- .entry-content -->
        </div><!-- .blog-content -->
      </div><!-- .col -->
      <div class="col-12 col-xl-6 no-padding">
        <div class="blog-content flex">
          <figure>
            <a href="#"><img src="images/1.jpg" alt=""></a>
          </figure>

          <div class="entry-content flex flex-column justify-content-between align-items-start">
            <header>
              <h3><a href="#">标题</a></h3>

              <div class="posted-by">上传者</div>
            </header>

            <footer class="flex flex-wrap align-items-center">

              <ul class="flex flex-wrap align-items-center">
                <li><a href="#">标签1</a></li>
                <li><a href="#">标签2</a></li>
              </ul>
            </footer>
          </div><!-- .entry-content -->
        </div><!-- .blog-content -->
      </div><!-- .col -->
      <div class="col-12 col-xl-6 no-padding">
        <div class="blog-content flex">
          <figure>
            <a href="#"><img src="images/1.jpg" alt=""></a>
          </figure>

          <div class="entry-content flex flex-column justify-content-between align-items-start">
            <header>
              <h3><a href="#">标题</a></h3>

              <div class="posted-by">上传者</div>
            </header>

            <footer class="flex flex-wrap align-items-center">

              <ul class="flex flex-wrap align-items-center">
                <li><a href="#">标签1</a></li>
                <li><a href="#">标签2</a></li>
              </ul>
            </footer>
          </div><!-- .entry-content -->
        </div><!-- .blog-content -->
      </div><!-- .col -->

    </div>
  </div><!-- .container-fluid -->
</div><!-- .outer-container -->

<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/custom.js'></script>

</body>
</html>